<template>
  <div class="billcheck">
    <van-field
      v-model="billcode"
      name="单据编号"
      label="单据编号"
      readonly
    />
    <van-field
      v-model="cellphone"
      type="tel"
      name="手机号"
      label="手机号"
      readonly
    >
    </van-field>
    <van-field
      v-model="company"
      rows="1"
      autosize
      name="报销单位"
      label="报销单位"
      type="textarea"
      readonly
    />
    <div class="row">
      <van-cell
        v-for="(item, index) in list"
        :key="index"
        :title="item.billname"
        :value="item.billamount"
        :label="item.billmessage"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: 'BillCheck',
  data() {
    return {
      billcode: 'u0012337',
      cellphone: '18855556666',
      company: '校图书馆',
      list:[
        { billname:'交通费', billamount:'300.00', billmessage:'从北京到济南高铁' },
        { billname:'交通费', billamount:'67.00', billmessage:'从济南火车东站到山东大学' },
        { billname:'交通费', billamount:'69.00', billmessage:'从山东大学到济南火车东站' },
        { billname:'住宿费', billamount:'299.00', billmessage:'汉庭酒店住宿+早餐' },
      ]
    };
  },
};
</script>

<style scoped>

</style>
